
import { Flex } from '@/components/flex';
import * as UI from './ui';

export default function OrderDetail() {
    return (
        <Body />
    );
}

function Body() {
    return (
        <Flex vertical style={{ backgroundColor: '#f5f5f5', height: '100vh' }}>
            <UI.Header footer={<UI.Statistics />} />
            <Flex vertical style={{ flex: 1, overflow: 'auto', width: '100%', padding: 10, gap: 10 }}>
                <UI.BasicInformation />
                <UI.CustomerInfo />
                <UI.Services />
                <UI.Product />
                <UI.Discount />
                <UI.GroupPurchaseCoupons />
                <UI.PaymentRecords />
                <UI.PersonInCharge />
            </Flex>
        </Flex>
    );
} 